import React, { Component } from 'react'
import Count from './containers/Count' // 容器组件
import Person from './containers/Person'

import './App.css'
export default class App extends Component {

  render() {
    return (
      <div className="containers">
        {/* 容器组件左手连接的 redux（store） 是通过组件传值的方式连接的 */}
        {/* 
          <Count store={store}/> 这个是正常写法 但是有个问题就是当页面如果有100个容器组件的时候 这个重复性的动作就要重复100次 react-redux 提供了一个 Provider 
            给 Provider 组件传递一个store 这个组件会自动分析这个组件下的所有容器组件 并给他们加上store 我们就不用再每个组件下都加了 
        */} 
        <Count/>
        <hr />
        <Person />
      </div>
    )
  }
}
